import 'package:enjoy_plus/model/counter_store.dart';
import 'package:enjoy_plus/pages/house/building_list.dart';
import 'package:enjoy_plus/pages/house/house_detail.dart';
import 'package:enjoy_plus/pages/house/house_form.dart';
import 'package:enjoy_plus/pages/house/index.dart';
import 'package:enjoy_plus/pages/house/location_list.dart';
import 'package:enjoy_plus/pages/house/room_list.dart';
import 'package:enjoy_plus/pages/login/index.dart';
import 'package:enjoy_plus/pages/notice/index.dart';
import 'package:enjoy_plus/pages/profile/index.dart';
import 'package:enjoy_plus/pages/tab_bar_page.dart';
import 'package:enjoy_plus/utils/TokenUtil.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (_) => CounterState()),
      ],
      child: MyApp(),
    ),
  );
}

/// 自定义go_router configuration
final GoRouter _goRouter = GoRouter(
  observers: [
    // Add your navigator observers
    MyNavigatorObserver(),
  ],
  routes: <RouteBase>[
    GoRoute(
      path: '/',
      builder: (context, state) => const TabBarPage(),
      redirect: (context, state) {},

      // 全局跳转拦截
      routes: <RouteBase>[
        GoRoute(
          path: 'detail/:id',
          builder: (context, state) {
            final id = state.pathParameters['id'];
            return NoticeDetail(
              id: id.toString(),
            );
          },
          // pageBuilder: (context, state) {
          //   return CustomTransitionPage(
          //     key: state.pageKey,
          //     transitionsBuilder: (context, animation, secondaryAnimation, child) {
          //       // Change the opacity of the screen using a Curve based on the the animation's value
          //       return FadeTransition(
          //         opacity:
          //         CurveTween(curve: Curves.easeInOutCirc).animate(animation),
          //         child: child,
          //       );
          //     },
          //     child: Container(),
          //   );
          // },
        ),
        GoRoute(
          path: 'login',
          builder: (context, state) => const LoginPage(),
        ),
        GoRoute(
            path: 'house_list',
            builder: (context, state) {
              var _token = TokenManager().getToken() ?? '';
              if (_token.isEmpty) {
                return LoginPage();
              } else {
                return HousePage();
              }
            }),
        GoRoute(
          path: 'profile',
          builder: (context, state) {
            var _token = TokenManager().getToken() ?? '';
            final userInfo = state.extra;
            if (_token.isEmpty) {
              return LoginPage();
            } else {
              return ProfilePage(
                userInfo: userInfo as Map,
              );
            }
          },
        ),
        GoRoute(
            path: 'location_list',
            builder: (context, state) {
              var _token = TokenManager().getToken() ?? '';
              if (_token.isEmpty) {
                return LoginPage();
              } else {
                return LocationList();
              }
            }),
        GoRoute(
          path: 'building_list/:point',
          builder: (context, state) {
            final point = state.pathParameters['point'];
            return BuildingList(
              point: point.toString(),
            );
          },
        ),
        GoRoute(
          path: 'room_list/:point/:building',
          builder: (context, state) {
            final point = state.pathParameters['point'];
            final building = state.pathParameters['building'];
            return RoomList(
              point: point.toString(),
              building: building.toString(),
            );
          },
        ),
        GoRoute(
          path: 'house_detail/:id',
          builder: (context, state) {
            final id = state.pathParameters['id'];
            return HouseDetail(id: id.toString());
          },
        ),
        GoRoute(
            path: 'house_form',
            builder: (context, state) {
              final roomInfo = state.extra;
              return HouseForm(
                roomInfo: roomInfo as Map,
              );
            }),
      ],
    ),
  ],
);

class MyNavigatorObserver extends NavigatorObserver {
  @override
  void didPush(Route<dynamic> route, Route<dynamic>? previousRoute) {
    debugPrint('did push route' + route.toString());
  }

  @override
  void didPop(Route<dynamic> route, Route<dynamic>? previousRoute) {
    debugPrint('did pop route' + route.toString());
  }
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    // 使用go_router 实现路由
    return MaterialApp.router(
      routerConfig: _goRouter,
    );

    // 原生路由配置方式
    // return MaterialApp(
    //   routes: {
    //     '/': (context) => const TabBarPage(),
    //     '/detail': (context) => NoticeDetail(),
    //   },
    //   onGenerateRoute: (settings) {
    //     var _token = TokenManager().getToken() ?? '';
    //     if (_token.isEmpty && settings.name != '/login') {
    //       return MaterialPageRoute(builder: (context) => LoginPage());
    //     }
    //     if (settings.name == '/profile') {
    //       return MaterialPageRoute(
    //           builder: (context) => ProfilePage(
    //                 userInfo: settings.arguments as Map,
    //               ));
    //     }
    //     if (settings.name == '/house_list') {
    //       return MaterialPageRoute(builder: (context) => HousePage());
    //     }
    //     return null;
    //   },
    //   initialRoute: '/',
    // );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.

  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      // This call to setState tells the Flutter framework that something has
      // changed in this State, which causes it to rerun the build method below
      // so that the display can reflect the updated values. If we changed
      // _counter without calling setState(), then the build method would not be
      // called again, and so nothing would appear to happen.
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
      appBar: AppBar(
        // TRY THIS: Try changing the color here to a specific color (to
        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
        // change color while the other colors stay the same.
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: Center(
        // Center is a layout widget. It takes a single child and positions it
        // in the middle of the parent.
        child: Column(
          // Column is also a layout widget. It takes a list of children and
          // arranges them vertically. By default, it sizes itself to fit its
          // children horizontally, and tries to be as tall as its parent.
          //
          // Column has various properties to control how it sizes itself and
          // how it positions its children. Here we use mainAxisAlignment to
          // center the children vertically; the main axis here is the vertical
          // axis because Columns are vertical (the cross axis would be
          // horizontal).
          //
          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
          // action in the IDE, or press "p" in the console), to see the
          // wireframe for each widget.
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}
